import './sass/register.scss'
import './common/base.scss'
import 'bootstrap/dist/css/bootstrap.min.css'


import axios from 'axios'

/* 
    1.用户名输入框失去焦点的时候发送判断用户是否存在的这个请求
    2.当用户名 密码 性别都验证成功之后，发送注册请求
*/
let form=document.querySelector('form')
let username=document.querySelector('#exampleInputUsername')
let password=document.querySelector('#exampleInputPassword1')
let button =document.querySelector('button')
let radios=document.querySelectorAll('.form-check-input')

// 用户名输入框失去焦点的时候发送判断用户是否存在的这个请求
username.addEventListener('blur',(e)=>{
    let reg=/^[a-z\u4e00-\u9fa5]{2,10}$/
    let flag=reg.test(username.value)
    if(!flag){
        username.style.border='1px solid red'
        button.disabled=!flag
    }
   else{
    username.style.border='1px solid #ccc'
   }
})

// 获取radios中选中的值
let radioValue
for(let i = 0; i < radios.length; i++) {
    if(radios[i].checked) {
      radioValue = radios[i].value;
      break;
    }
  }
  console.log(form,username,password,radios,radioValue);